<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <script src="js/rem.js" type="text/javascript"></script>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <!--<meta content="yes" name="apple-touch-fullscreen">-->
    <meta content="telephone=no" name="format-detection">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <title>第一届朗读投票活动</title>
    <link rel="stylesheet" href="css/sign-up.css" type="text/css">
    <link rel="stylesheet" href="css/common.css" type="text/css">
    <link rel="stylesheet" href="css/index.css" type="text/css">
</head>
<body>
<div id="activity_main">
    <div class="top"><a href="javascript:reg();" class="reg">活动详情&nbsp;&gt;</a></div>
    <div class="signup_container">
        <div class="container_top">
            <ul>
                <li>182<br>已报名</li>
                <li>22896<br>累积投票</li>
                <li>22896<br>访问量</li>
            </ul>
            <div class="progressbar1">
                <span style="font-size: 0.8rem;margin-bottom: 0.3rem;display: block;color: #5bd9ee;">初赛进行中</span>
                <div class="progressbar_back">

                    <div class="progressbar_front"></div>
                </div>
                <p>活动剩余：<span class="red">8</span>天<span class="red">55</span>分<span class="red">46</span>秒</p>
            </div>
        </div>
        <div class="container_center">
            <div class="content1">
                <p>奖项设置</p>
                <ul>
                    <li>
                        <div class="prize_system"><h5>2名</h5>
                            <div><img src="img/5.gif"></div>
                        </div>
                        <div class="list1">二等奖</div>
                    </li>
                    <li>
                        <div class="prize_system"><h5>1名</h5>
                            <div><img src="img/5.gif"></div>
                        </div>
                        <div class="list2">一等奖</div>
                    </li>
                    <li>
                        <div class="prize_system"><h5>3名</h5>
                            <div><img src="img/5.gif"></div>
                        </div>
                        <div class="list3">二等奖</div>
                    </li>
                </ul>
            </div>
            <a class="signup1">我要报名</a>
            <a class="voteup">我要投票</a>
            <div class="container_center_name">
                <input class="search_in" type="text" placeholder="选手昵称"/>
                <a href="" class="search"><img src="img/search.png"></a>
            </div>
        </div>
        <div class="container_content">
            <ul class="works">
                <li class="clik_like">
                    <div class="clik_like_img"><img src="img/4-2.jpg"><span class="vote_num">32668票</span></div>
                    <div class="clik_like_content">
                        <h4>朗读《小王子》</h4>
                        <p>作者：张晓宇</p>
                        <p>重庆儿童图书馆</p>
                        <a href="" class="like1"><img src="img/heart_unselected.png">&nbsp;&nbsp;为Ta点赞</a>
                    </div>
                </li>
                <li class="clik_like">
                    <div class="clik_like_img"><img src="img/4-1.jpg"><span class="vote_num">32668票</span></div>
                    <div class="clik_like_content">
                        <h4>朗读《小王子》</h4>
                        <p>作者：张晓宇</p>
                        <p>重庆儿童图书馆</p>
                        <a href="" class="like1"><img src="img/heart_unselected.png">&nbsp;&nbsp;为Ta点赞</a>
                    </div>
                </li>
                <li class="clik_like">
                    <div class="clik_like_img"><img src="img/4-2.jpg"><span class="vote_num">32668票</span></div>
                    <div class="clik_like_content">
                        <h4>朗读《小王子》</h4>
                        <p>作者：张晓宇</p>
                        <p>重庆儿童图书馆</p>
                        <a href="" class="like1"><img src="img/heart_unselected.png">&nbsp;&nbsp;为Ta点赞</a>
                    </div>
                </li>
                <li class="clik_like">
                    <div class="clik_like_img"><img src="img/4-1.jpg"><span class="vote_num">32668票</span></div>
                    <div class="clik_like_content">
                        <h4>朗读《小王子》</h4>
                        <p>作者：张晓宇</p>
                        <p>重庆儿童图书馆</p>
                        <a href="" class="like1"><img src="img/heart_unselected.png">&nbsp;&nbsp;为Ta点赞</a>
                    </div>
                </li>
                <li class="clik_like">
                    <div class="clik_like_img"><img src="img/4-2.jpg"><span class="vote_num">32668票</span></div>
                    <div class="clik_like_content">
                        <h4>朗读《小王子》</h4>
                        <p>作者：张晓宇</p>
                        <p>重庆儿童图书馆</p>
                        <a href="" class="like1"><img src="img/heart_unselected.png">&nbsp;&nbsp;为Ta点赞</a>
                    </div>
                </li>
                <li class="clik_like">
                    <div class="clik_like_img"><img src="img/4-1.jpg"><span class="vote_num">32668票</span></div>
                    <div class="clik_like_content">
                        <h4>朗读《小王子》</h4>
                        <p>作者：张晓宇</p>
                        <p>重庆儿童图书馆</p>
                        <a href="" class="like1"><img src="img/heart_unselected.png">&nbsp;&nbsp;为Ta点赞</a>
                    </div>
                </li>
                <li class="clik_like">
                    <div class="clik_like_img"><img src="img/4-2.jpg"><span class="vote_num">32668票</span></div>
                    <div class="clik_like_content">
                        <h4>朗读《小王子》</h4>
                        <p>作者：张晓宇</p>
                        <p>重庆儿童图书馆</p>
                        <a href="" class="like1"><img src="img/heart_unselected.png">&nbsp;&nbsp;为Ta点赞</a>
                    </div>
                </li>
                <li class="clik_like">
                    <div class="clik_like_img"><img src="img/4-1.jpg"><span class="vote_num">32668票</span></div>
                    <div class="clik_like_content">
                        <h4>朗读《小王子1》</h4>
                        <p>作者：张晓宇</p>
                        <p>重庆儿童图书馆</p>
                        <a href="" class="like1"><img src="img/heart_unselected.png">&nbsp;&nbsp;为Ta点赞</a>
                    </div>
                </li>
                <li class="clik_like">
                    <div class="clik_like_img"><img src="img/4-1.jpg"><span class="vote_num">32668票</span></div>
                    <div class="clik_like_content">
                        <h4>朗读《小王子2》</h4>
                        <p>作者：张晓宇</p>
                        <p>重庆儿童图书馆</p>
                        <a href="" class="like1"><img src="img/heart_unselected.png">&nbsp;&nbsp;为Ta点赞</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>

<div id="activity_instruction" class="registration_win">
    <div class="active_reg">
        <span>活动说明</span>
        <img src="img/activity_close.png" class="act_close">
        <div id="detail_content">
            <p>
                此处为详此处为详情介绍此处为详情介绍此处为详情介绍此处为详情介绍，此处为详情介绍此处为详情介绍此处为详情介绍此处为详情介绍，此处为详情介绍此处为详情介绍此处为详情介绍此处为详情介绍，此处为详情介绍此处为详情介绍此处为详情介绍此处为详情介绍，此处为详情介绍此处为详情介绍此处为详情介绍此处为详情介绍，此处为详情介绍此处为详情介绍此处为详情介绍此处为详情介绍，此处为详情介绍此处为详情介绍此处为详情介绍此处为详情介绍，此处为详情介绍此处为详情介绍此处为详情介绍此处为详情介绍，此处为详情介绍此处为详情介绍此处为详情介绍此处为详情介绍，此处为详情介绍此处为详情介绍此处为详情介绍此处为详情介绍，此处为详情介绍此处为详情介绍此处为详情介绍此处为详情介绍，此处为详情介绍此处为详情介绍此处为详情介绍此处为详情介绍，此处为详情介绍此处为详情介绍此处为详情介绍此处为详情介绍，情介绍此处为详情介绍此处为详情介绍此处为详情介绍，此处为详情介绍此处为详情介绍此处为详情介绍此处为详情介绍此处为详情介绍此处为详情介绍此处为详情介绍此处为详情介绍此处为详情介绍此处为详情介绍此处为详情介绍此处为详情介绍.
            </p>
        </div>
    </div>
</div>



<script type="text/javascript" src="js/zepto.js"></script>
<script type="text/javascript" src="js/touch.js"></script>
<script type="text/javascript">
    $(function () {
        $("#footer").load("include/bottom_toolbar.html");
        $(".act_close").on("tap", function () {
            $(".registration_win").css("display", "none")
        })
        $(".signup1").on("tap", function () {
            window.location.href = "sign-up.html"
        })
        $(".voteup").on("tap", function () {
            window.location.href = "active.html"

        })

        $("#activity_instruction ").on("touchmove",function (e) {
          //  console.log(e)
            e.preventDefault();
        })
        $("#detail_content").on("touchmove",function (e) {
            e.stopPropagation();
        })

    })
    function reg() {
        $(".registration_win").css("display", "block")
    }
</script>
</body>
</html>